<script setup lang="ts">
import { About, BaseInfo, Comment, Footer, Head, InstallGuide, New, Security, Similar, Swiper } from './Comps';
</script>

<template>
  <div class="pwa-box">
    <Head v-if="envs.isAndroid" />
    <BaseInfo />
    <Swiper />
    <About />
    <Security />
    <Comment />
    <New />
    <Similar />
    <Footer />
    <InstallGuide class="absolute bottom-0 left-0 right-0 top-0 z-[999]" />
  </div>
</template>

<style lang="scss">
.pwa-box {
  --uno: 'grid m-[0_auto] max-w-100 gap-5 bg-white p-5 text-sys-text-body font-400 relative';
  font-family: Arial, sans-serif;
}

.subtitle {
  --uno: 'mb-2.5 flex items-center justify-between';
  h2 {
    --uno: 'mb-0 text-4 text-sys-layer-a font-700';
  }
  i {
    --uno: 'text-5 text-sys-text-body';
  }
}
</style>
